/*
*===============DdmgCloudPlatform3 V2.0===============
* DdmgCloudPlatform3 V2.0
* Copyright@大大买钢2018,All Rights Reserved
* Author: yiChangBin(2055960489@qq.com)
* Date: 2019/6/9  21:42
* TODO: 销售-->销售合同查看组件
*===============DdmgCloudPlatform3 V2.0===============
*/
<template>
    <el-table
            :data="tableList"
            stripe
            show-summary
            header-align="center"
            :summary-method="getSummaries"
            border
            style="width: 100%;"
            height="100px"
            max-height="250px"
            class="detail-table"
            highlight-current-row
            ref="table"
            v-el-height-adaptive-table="{table: $refs.table}"
    >
        <el-table-column align="center" label="序号" type="index" width="50"/>
        <el-table-column align="center" sortable prop="product_name" label="品名" min-width="90"/>
        <el-table-column align="center" sortable prop="material" label="材质" min-width="90"/>
        <el-table-column align="center" sortable prop="specifications" label="规格" min-width="120"/>
        <el-table-column align="center" sortable prop="origin_place" label="产地" min-width="90"/>
        <el-table-column align="center" prop="remark" label="备注" min-width="160"/>
    </el-table>
</template>

<script>
  import { dateformat, formatInter, formatNumber2, formatNumber4 } from "@/filters";
  import elHeightAdaptiveTable from "@/directive/el-table";

  export default {
    name: "DetailTable",
    directives: {
      elHeightAdaptiveTable
    },
    props: {
      tableList: {
        type: Array,
        required: true,
        default() {
          return [];
        },
      },
    },
    methods: {
      getSummaries({ data }) {
        return [];
      },
    },
  };
</script>
<style rel="stylesheet/scss" lang="scss">
    .el-table td,
    .el-table th {
        padding: 3px 0;
    }
    @import "~@/assets/style/detailTable";
</style>